<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>有聚有爱</title>
    <link rel="stylesheet" href="./bootstrap.min.css">
    <style>
      
        .box0{
            position: relative;
            background: rgba(255, 255, 255, 0.15);
            box-shadow: 0 8px 32px rgba(31, 38, 135, 0.37);
            width: 400px;
            min-height: auto;
            margin: 100px auto 0 auto;
            border: 1px solid rgba(255, 255, 255, 0.15);
            padding: 0 20px;
            border-radius: 5%;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .box0 h2{
            color: #5fb9f5dd;
            text-align: center;
        }
        .rember-forgot a{
            color: rgba(0, 0, 0, 0.825);
        }
        .register-link a{
            color:  rgba(0, 0, 0, 0.825);
        }
 
    </style>
</head>
<body background="https://i0.hdslb.com/bfs/new_dyn/5474cad03da2ae1a0f230ebbac22b617290750052.jpg@1256w_708h_!web-article-pic.avif"
style="background-repeat: no-repeat ;background-attachment: fixed;background-size: 100%;">
    <div class="box0">

        <form>
            <h2>用户登录</h2>

              <div class="form-group">
                <label for="disabledTextInput">邮箱</label>
                <input type="text" id="disabledTextInput" class="form-control" placeholder="请输入邮箱">
              </div>

              <div class="form-group">
                <label for="disabledSelect">密码</label>
                <input id="disabledSelect" class="form-control" placeholder="请输入密码" type="password" required>
                </input>
              </div>
              <div class="rember-forgot">
                <label>
                    <input type="checkbox">记住密码
                    <a href="忘记密码.html">忘记密码？</a>
                </label>

              </div>
              <button type="button" class="btn btn-info btn-lg btn-block">登录</button>
              <div class="register-link">
                <p>还没有账号？<a href="注册.html">点击注册</a></p>
              </div>

          </form>
    </div>

    
</body>
</html>